<template>
	<view>
		<view class="refund_top">
			<view>
				<uni-steps :options="numList" :active="setpCurrent"></uni-steps>
			</view>
			<view class="refund_amount" v-show="setpCurrent == 2">
				<text class="amounts">退款金额</text>
				<text class="moneys">¥2839.92</text>
			</view>
			<view class="shop_infor">
				<image src="" mode=""></image>
				<text class="infor_title">Microsoft Xbox one S专业游戏玩家机 1TB</text>
				<text class="infor_type">电子数码｜游戏机</text>
				<text class="infor_money">¥2839.92</text>
				<text class="infor_num">x1</text>
			</view>
		</view>
		<view class="reason">
			<text class="reason_title">退货理由</text>
			<text class="reason_type">仅退款 · 不想要了</text>
			<text class="reason_content">这里是详细描述这里是详细描述这里是详细描述这里是详细
				描述这里是详细描述</text>
			<view class="reason_img">
				<image src="" mode=""></image>
				<image src="" mode=""></image>
				<image src="" mode=""></image>
			</view>
		</view>
		<view class="operation_log">
			<view>
				<text class="log_name">操作日志</text>
				<text class="log_seller">联系卖家</text>
			</view>
			<view class="log_line">订单编号：TH373838393930232</view>
			<view class="log_line">申请时间：2020.12.12 12:30:33</view>
			<view class="log_line del">同意时间：2020.12.12 12:30:33</view>
			<view class="log_line del">快递单号：TH373838393930232</view>
			<view class="log_line del">快递公司：百世快递</view>
			<view class="log_line del">提交时间：2020.12.12 12:30:33</view>
			<view class="log_line del">
				<text class="namesshr">退货地址：</text>
				<text class="del" style="width:530rpx;float: right;">这里是退货地址这里是退货地址这里是退货地址这里是退货地址这里</text>
			</view>
			<view class="log_line del">收货人：张三</view>
			<view class="log_line del">联系电话：186 6688 8899</view>
		</view>
		<view v-show="setpCurrent==0" style="width: 750rpx;height: 126rpx;background: #F5F5F5;"></view>
		<view class="bottoms" v-show="setpCurrent==0">
			<button class="btn">撤回申请</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//步骤条的步数1-3
				numList: [{
					title: '申请退款'
				}, {
					title: '卖家同意退款'
				}, {
					title: '已退款'
				}, ],
				//步骤条的步数进度
				setpCurrent: '',
				tops: ''
			}
		},
		onLoad(parameter) {
			this.setpCurrent = parameter.pages
		}
	}
</script>

<style>
	page {
		background: #F5F5F5;
	}

	.refund_top {
		width: 750rpx;
		height: 230rpx;
		background: #FCDA22;
	}

	.shop_infor {
		width: 699rpx;
		height: 257rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 14rpx;
		margin: auto;
		margin-top: 25rpx;
	}
.namesshr{
	width: 126rpx;
}
	.shop_infor image {
		width: 206rpx;
		height: 206rpx;
		margin: 25rpx;
		float: left;
		background: #EEEEEE;
		border-radius: 14rpx;
	}

	.infor_title {
		width: 416rpx;
		height: 72rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 36rpx;
		color: #21201D;
		opacity: 1;
		margin-top: 25rpx;
		margin-bottom: 21rpx;
		float: left;
	}

	.infor_type {
		width: 416rpx;
		height: 30rpx;
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 30rpx;
		color: #21201D;
		opacity: 0.35;
		margin-bottom: 45rpx;
		float: left;
	}

	.infor_money {
		width: 200rpx;
		height: 36rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 36rpx;
		color: #21201D;
		opacity: 1;
		float: left;
	}

	.infor_num {
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		float: right;
		margin-right: 25rpx;
	}

	.refund_amount {
		width: 699rpx;
		height: 101rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 18rpx;
		margin: auto;
		margin-top: 43rpx;
	}

	.amounts {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 101rpx;
		color: #21201D;
		margin-left: 25rpx;
		opacity: 1;
	}

	.moneys {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #EB3E3E;
		opacity: 1;
		line-height: 101rpx;
		margin-right: 25rpx;
		float: right;
	}

	.reason {
		width: 706rpx;
		height: 318rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 18rpx;
		margin: auto;
		margin-top: 32rpx;
		display: inline-block;
		margin-left: 25rpx;
	}

	.reason_title {
		width: 456rpx;
		margin-left: 21rpx;
		padding-top: 25rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		overflow: hidden;
		float: left;
	}

	.reason_type {
		float: right;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 1;
		padding-top: 27rpx;
		margin-right: 21rpx;
	}

	.reason_content {
		width: 663rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 1;
		display: block;
		float: left;
		margin-left: 21rpx;
		margin-top: 25rpx;
	}

	.reason_img {
		margin-left: 7rpx;
		margin-top: 25rpx;
		float: left;
	}

	.reason_img image {
		width: 115rpx;
		height: 115rpx;
		background: #EEEEEE;
		margin-left: 14rpx;
	}

	.operation_log {
		width: 706rpx;
		height: 498rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 18rpx;
		margin: auto;
		margin-top: 25rpx;
	}

	.log_name {
		width: 481rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		padding-top: 25rpx;
		margin-left: 21rpx;
		float: left;
	}

	.log_seller {
		width: 126rpx;
		height: 50rpx;
		background: #FFFFFF;
		border: 1px solid #EEEEEE;
		opacity: 1;
		border-radius: 25rpx;
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 50rpx;
		color: #21201D;
		margin-right: 21rpx;
		margin-top: 25rpx;
		float: right;
		text-align: center;
	}

	.log_line {
		width: 643rpx;
		float: left;
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 0.35;
		margin-left: 21rpx;
		margin-top: 14rpx;
	}

	.del {
		text-decoration: line-through
	}

	.bottoms {
		width: 750rpx;
		height: 105rpx;
		background: #FFFFFF;
		opacity: 1;
		float: left;
		position: fixed;
		bottom: 0;
	}

	.btn {
		width: 699rpx;
		height: 79rpx;
		background: linear-gradient(206deg, #FCCA22 0%, #FFE246 100%);
		opacity: 1;
		border-radius: 39rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		text-align: center;
		line-height: 79rpx;
		margin: auto;
		margin-top: 12rpx;
	}
</style>
